<template>
  <div class="wrapper-head">
        <div class="title">
         <h1>日收益明细图（日期/元）</h1>
      </div>
      <div class="dayIncome" ref='dayIncome'>
         {{age}}
      </div>
  </div>
</template>


<script>
import { createEchart } from '@/createEcharts'
import dayIncomeOptions from '@/echartsOptions/dayIncome'
import store from '../../store/store'
export default {
  data () {
    return {
       age:'',
    }
  },
  mounted() {
     //createEchart(this.$refs.dayIncome,dayIncomeOptions)
     this.bus.$on('setMessage', content => {
        console.log(content,99999)
        console.log(this.bus.$data.code,66666)
        //赋值时候也是要用这个才能挂载到全局
     });
  },
  methods: {
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.wrapper-head {
   height: 100%;
   padding: 10px;
   background: url("../../assets/dayIncome2.png") no-repeat;
   background-size: 100% 100%;
   box-sizing: border-box;
}
.wrapper-head {
   height: 100%;
   padding: 10px;
   background: url("../../assets/incom2.png") no-repeat;
   background-size: 100% 100%;
   box-sizing: border-box;
}
.dayIncome {
  height: 90%;
  width:100%;
}
.title {
   color: aliceblue;
   text-align: center;
   position: relative;
   top: 15px;
}
</style>
